<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>app-riding</title>
  </head>
  <body>
    <div class="run" id="run">
      <div class="mask">
        <div class="run-kilo mtb56">
          <p class="f16 clff">目前累积骑行距离:</p>
          <p class="mt8 clff fs48">999.99 <span>公里</span></p>
        </div>

        <div class="run-map">
          <div class="run-icon">
            <div class="run-btn">
              <button class="map-btn1">户外跑</button>
              <button class="map-btn2">燃脂跑</button>
              <button class="map-btn3">跑步机</button>
            </div>
            <div class="run-go">
              <p id="go">GO</p>
            </div>
            <div class="run-final">
              <span class="iconfont icon-set"></span>
              <a href="#">设置目标></a>
              <span class="iconfont icon-music"></span>
            </div>
          </div>
        </div>

        <div class="run-rout">
          <p class="f18 clbl fwb">骑行路线</p>
          <p class="cl8A mt8">使用骑行路线, 邂逅附近的骑行达人</p>
          <span class="clbl fs35">></span>
        </div>
      </div>
    </div>
  </body>
</html>
